<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.min.js"></script>
</head>
<body>
<div id="app">
    <h3>{{user.name}}</h3>
    <h3>{{user.age}}</h3>
    <ul>
        <li v-for="(value,index) in arr">{{index}}====={{value}}</li>
    </ul>
    <ul>
        <li v-for="(value,key,index) in user">{{value}},{{key}},{{index}}</li>
    </ul>
    <ul>
        <li v-for="(value,index) in users" :key="index">
            {{value.name}}:{{value.age}}
        </li>
    </ul>
</div>
<script>
    new Vue({
        el: "#app",
        data:{
          user:{name:"小哈",age:"19"},
          arr:['1','2','3'],
            users:[
                {name:"小哈1",age:"19"},
                {name:"小哈2",age:"19"},
                {name:"小哈3",age:"19"},
            ]
        },
    })
</script>
</body>
</html>